<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页数据</title>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.min.js"></script>
		<script src="../js/common.js"></script>
		<script src="../js/elementui.js"></script>
		<script src="../js/echarts.js"></script>
		<script src="../js/jquery3.5.1.js"></script>
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/indexData.css" />
	</head>
	<body>
		<div id="app">
			<div id="bottombox">
			<img class="bg1" src="../img/素材1.png"/>
			<div id="top">
				<img class="tou" :src="userinfo.headImg"/>
				<div class="topinfo">
					<strong style="color:dimgray;">{{userinfo.userName}}</strong>&nbsp;|&nbsp;
					逗比号：{{userinfo.userAccount}}&nbsp;|&nbsp;
					{{userinfo.synopsis}}
					<br />
					<br />
					关注&nbsp;<strong>{{attsNum}}</strong>&nbsp;&nbsp;
					粉丝&nbsp;<strong>{{fansNum}}</strong>&nbsp;&nbsp;
					获赞&nbsp;<strong>{{likecountnum}}</strong>&nbsp;&nbsp;
				</div>
			</div>
			<div id="upload">
				<div style="margin-bottom: 10px;">
					新的创作
				</div>
				<div style="background-color: #fff2ea;" class="upload_img">
					<div class="box_img">
					<img src=""/>
				    </div>
					<div id="uploadViode" class="box_text">
						<strong>发布视频</strong><br />
						<span>支持常用格式，推荐mp4</span>
					</div>
				</div>
				<!--发布图文 以后在扩展吧，先雪藏-->
				<!-- <div  style="background-color: #ecf6ff;background-image: url('../img/素材3.png');"class="upload_img">
					<div  style="background-color: #18abff;" class="box_img">
					<img width="100%" height="100%" src=""/>
					</div>
					<div id="uploadImg"  class="box_text">
						<strong>发布图文</strong><br />
						<span>支持常用图片格式，png、jpg</span>
					</div>
				</div> -->
			</div>
			<div id="box_data">
				<div style="margin-bottom: 10px;">
					最新视频
				</div>
				<img class="new_viode_img" src="../img/好磕！.jpg"/>
				<div class="new_data">
					 <div id="main_data" style="width: 900px;height:300px;"></div>
				</div>
			</div>
			<div id="data_type">
				<div class="div_data">
					<span class="span_data">播放量</span><br />
					<strong style="font-size: 20px;">{{releaseData.sevenAgeView!=null?releaseData.sevenAgeView:0}}</strong>&nbsp;<span style="font-size: 10px;color: gray;">较前7日
						<strong v-if="releaseData.sevenAgeView-releaseData.fourteenAgeView!=0" :style="{'color':releaseData.sevenAgeView<releaseData.fourteenAgeView?'limegreen':'#ff2c55'}">
							{{releaseData.sevenAgeView>releaseData.fourteenAgeView?'+':''}}{{releaseData.sevenAgeView-releaseData.fourteenAgeView}}
						</strong>
						<strong v-if="releaseData.sevenAgeView-releaseData.fourteenAgeView==0">0</strong>
						<strong v-if="releaseData.sevenAgeView==null">0</strong>
					</span>
				</div>
				<div class="div_data_right">
					<span class="span_data">作品点赞</span><br />
					<strong style="font-size: 20px;">{{releaseData.sevenAgeLike!=null?releaseData.sevenAgeLike:0}}</strong>&nbsp;<span style="font-size: 10px;color: gray;">较前7日
						<strong v-if="releaseData.sevenAgeLike-releaseData.fourteenAgeLike!=0" :style="{'color':releaseData.sevenAgeLike<releaseData.fourteenAgeLike?'limegreen':'#ff2c55'}">
							{{releaseData.sevenAgeLike>releaseData.fourteenAgeLike?'+':''}}{{releaseData.sevenAgeLike-releaseData.fourteenAgeLike}}
						</strong>
						<strong v-if="releaseData.sevenAgeLike-releaseData.fourteenAgeLike==0">0</strong>
						<strong v-if="releaseData.sevenAgeLike==null">0</strong>
					</span>
				</div>
				<div class="div_data">
					<span class="span_data">作品分享</span><br />
					<strong style="font-size: 20px;">{{releaseData.sevenAgeForward?releaseData.sevenAgeForward:0}}</strong>&nbsp;<span style="font-size: 10px;color: gray;">较前7日
						<strong v-if="releaseData.sevenAgeForward-releaseData.fourteenAgeForward!=0" :style="{'color':releaseData.sevenAgeForward<releaseData.fourteenAgeForward?'limegreen':'#ff2c55'}">
							{{releaseData.sevenAgeForward>releaseData.fourteenAgeForward?'+':''}}{{releaseData.sevenAgeForward-releaseData.fourteenAgeForward}}
						</strong>
						<strong v-if="releaseData.sevenAgeForward-releaseData.fourteenAgeForward==0">0</strong>
						<strong v-if="releaseData.sevenAgeForward==null">0</strong>
					</span>
				</div>
				<div  class="div_data_right">
					<span class="span_data" >总粉丝数</span><br />
					<strong style="font-size: 20px;">{{releaseData.fansCount!=null?releaseData.fansCount:0}}</strong>&nbsp;
					<!-- <span style="font-size: 10px;color: gray;">较前7日
						<strong >0</strong>
					</span> -->
				</div>
			</div>
			</div>
		</div>
	</body>
	<script src="../js/initDataindexData.js"></script>
</html>
